<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    fetch  +   axios   +  ajax



    router====
        1、引入js文件====
        2、创建 router-link  to=""
        3、router-view=============坑位

        4、创建组件

        5、创建路由对象====在路由对象中匹配路由规则
            var  router=new VueRouter({
                routes:[
                    {path:匹配a标签的地址,component:组件}
                ]
            })

        6、挂载到vue的实例对象


    node.js====传参
    app.get("/aa")   ?传参  127.0.0.1:3000/aa?id=2         req.query
    app.get("/aa/:id")    127.0.0.1:3000/aa/2             req.params


    routes=====陪陪路由规则 ：[]
    $route  ===获取路由参数：{}=====路由监听

    route ===== 形参


    编程式导航
            this.$router.push()
            this.$router.go(-1)


            this.$router.push("/user")
            this.$router.push({path:"/user"})
            this.$router.push({name:"user"})

            this.$router.push({name:"user",params:{id:1}})
            this.$router.push({path:"user/2",})

            this.$router.push({path:"/user",query:{id:3}})




    后台管理系统
            1、显示最大的组件           路由匹配规则====path="/"
            2、显示左侧点击的组件       路由匹配子路由
            3、显示右侧默认的组件====重定向
            4、点击详情===this.$router.push
            5、回退===this.$router.go(-1)


            
            1、路由监听  ====watch   "$route"
            2、路由显示高亮======
            3、login+register  ======单独显示页面





</body>
</html>